/*01-common sta*/
a:hover {
  color: #175FDB;
}

a:active {
  color: #175FDB;
}

.c1 {
  color: #2877FF;
}

.c6 {
  color: #1362EA;
}

.bc1 {
  background-color: #2877FF;
}

.bc6 {
  background-color: #1362EA;
}

.bdc1 {
  border-color: #2877FF;
}

.bdc6 {
  border-color: #1362EA;
}

/*01-common end*/

/*02-frame sta*/
.yu-frame-menu {
  background-color: #2D3239;
}

.yu-frame-menu-vertical .el-menu .el-menu-item.is-active {
  background-color: rgba(40, 119, 255, 1);
  background-image: linear-gradient(90deg, rgba(40, 119, 255, 1), rgba(17, 98, 237, 1));
}

.tree-menu .yu-root-level>.el-menu .el-submenu__title:hover .el-submenu__icon-arrow {
  color: #2878FF
}

.tree-menu .yu-root-level>.el-menu .el-submenu__title:active .el-submenu__icon-arrow {
  color: #1462EA
}

.yu-frame-top-user:hover>i {
  color: #2877FF;
}

.yu-frame-top-user .pic {
  background-color: #F0F0F6;
}

.tree-menu .yu-root-level .el-menu-item:hover,
.tree-menu .yu-root-level>.el-menu .el-submenu__title:hover,
.tree-menu .yu-root-level .el-submenu.is-opened .el-submenu__title:hover {
  color: #2877FF;
}

.tree-menu .yu-root-level .el-menu-item:active,
.tree-menu .yu-root-level>.el-menu>.cust-self-call-menu-template>.el-submenu.is-opened>.el-submenu__title:active {
  color: #2877FF;
  background-color: rgba(40, 119, 255, 0.1) !important;
}
.el-menu.el-menu--horizontal>.cust-self-call-menu-template>.el-submenu.is-opened>.el-submenu__title span{color: #fff;}
.tree-menu .el-submenu.is-opened>.el-submenu__title span,
.tree-menu .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
  color: #2877FF;
}

.tile-menu .yu-root-level>.el-menu>li>span {
  color: #2877FF;
}

.tile-menu .title-item-cursor:hover {
  color: #2877FF;
}

.tile-menu-list>li:hover {
  color: #2877FF;
}

.tile-menu-list>li:active,
.tile-menu-list>li.is-active {
  color: #2877FF;
}

.yu-frame-tabs .yu-tab-content>div>span:active {
  color: #2877FF;
  border-bottom: 3px #2877FF solid;
  background-color: rgba(40, 119, 255, 0.1);
}

.yu-tab-content>div>span.ck {
  color: #2877FF;
  border-bottom: 3px #2877FF solid;
}

.yu-tab-content>div>span:hover {
  color: #2877FF;
  border-bottom: 3px #2877FF solid;
  background-color: rgba(0, 0, 0, 0.05)
}

.yu-tab-content>div>span>i:hover {
  color: #2877FF;
}

.yu-tab-content>div>span>i:active {
  color: #2877FF;
}

.yu-tab-drop-down-menu-button:active {
  background-color: rgba(40, 119, 255, 0.1);
}

.yu-tab-drop-down-menu-button>div>span:hover,
.yu-tab-contextmenu>span:hover,
.yu-frame-dropdown-menu>span:hover,
.yu-frame-search-type>ul>li:hover {
  color: #2877FF;
}

.yu-frame-dropdown-menu>span i.yu-icon-checked2 {
  color: #2877FF;
}

.yu-tab-content>div>span:hover,
.yu-frame-dropdown-menu>span i:hover,
.yu-frame-dropdown-menu>span:hover {
  color: #2877FF;
}

.yu-frame-dropdown-menu>span:hover i::before {
  color: #2877FF;
}

.yu-tab-drop-down-menu-button>div>span:active,
.yu-tab-contextmenu>span:active,
.yu-frame-dropdown-menu>span:active,
.yu-frame-search-type>ul>li:active {
  color: #2877FF;
  background-color: rgba(40, 119, 255, 0.1);
}

.yu-tab-drop-down-menu-button>div>span>i:hover {
  color: #2877FF;
}

.yu-tab-drop-down-menu-button>div>span>i:active {
  color: #2877FF;
}

.yu-frame-menu-top .yu-frame-menu {
  background-color: #2877FF;
}

.yu-frame-dropdown-menu>span:hover::before,
.yu-frame-dropdown-menu>span i:hover::before,
.yu-frame-search-type>ul>li:hover::before {
  color: #2877FF;
}

.yu-frame-dropdown-menu>span.yu-icon-checked2::before,
.yu-frame-dropdown-menu>span i.yu-icon-checked2::before,
.yu-frame-search-type>ul>li.yu-icon-checked2::before {
  color: #2877FF;
}

.yu-frame-model-list>div>span {
  background-color: #2877FF;
}

.yu-frame-model-list>div>i {
  color: #2877FF;
}

.yu-frame-font-list>span:hover,
.yu-frame-font-list>span:hover::before {
  color: #2877FF;
}

.yu-frame-font-list>span:active {
  color: #2877FF;
}

.yu-frame-font-list>span.yu-icon-checked2::before {
  color: #2877FF;
}

.yu-frame-message .el-tabs__item.is-active {
  color: #2877FF;
  border-bottom: 2px #2877FF solid;
}

.yu-frame-message-list>li>i {
  color: #2877FF;
  background-color: rgba(40, 119, 255, 0.2);
}

.yu-frame-message-list>li>i.todo {
  color: #FB8D12;
  background-color: rgba(251, 141, 18, 0.2);
}

.yu-frame-message-list>li>p>span>a:hover {
  color: #2877FF;
  border: 1px #2877FF solid;
}

.yu-frame-message-list>li>p>span>a:active {
  color: #1362EA;
  border: 1px #1362EA solid;
}

.yu-frame-message-buttons>.el-button--text:hover {
  color: #2877FF;
}

.yu-frame-message-buttons>.el-button--text:active {
  color: #175FDB;
}

.yu-frame-search-type:hover>span {
  color: #2877FF;
}

.yu-frame-search-type:hover>span>i::before {
  color: #2877FF;
}

.yu-frame-search>.yu-frame-search-button:hover {
  color: #2877FF;
}

.yu-frame-search>.yu-frame-search-button:active {
  color: #1362EA;
}

.yu-base-panel-collapse>label:hover,
.yu-base-panel-title>a:hover {
  color: #2877FF;
}

.yu-base-panel-collapse>label:active,
.yu-base-panel-title>a:active {
  color: #175FDB;
}

.yu-form-remarks-title>h1 {
  color: #FB8D12;
}

.yu-top-menu-right-icon {
  background-color: #2877FF;
}

/*02-frame end*/

/*04-component rewriting sta*/
/* #2877FF #1362EA #175FDB */
.cell .el-button.el-button--text,.yu-buttons .el-button.el-button--text{color: #2877FF;border-width: 0;background-color: transparent}
.cell .el-button.el-button--text:hover,.cell .yu-buttons .el-dropdown .el-button:hover{color: #1362EA;}
.cell .el-button.el-button--text:active,.cell .yu-buttons .el-dropdown .el-button:active{color: #175FDB;}

.el-button--default:active.search-btn-group .el-button:nth-child(2):active,
.yu-buttons .el-dropdown .el-button:focus,
.yu-buttons .el-dropdown .el-button:hover,
.el-button.el-button--default:hover,
.el-button.el-button--default:focus,
.el-button.el-button--default:focus,
.el-button.el-button--default:hover,
.el-button:focus,
.el-button:hover {
  color: #2877FF;
  border-color: #2877FF;
}

.cell .yu-buttons .el-dropdown .el-button:focus,
.cell .yu-buttons .el-dropdown .el-button:hover,
.yu-buttons .el-dropdown .el-button:active,
.el-button.el-button--default:active,
.el-button.el-button--default:active,
.el-button.el-button--default:active,
.el-button:active {
  color: #1362EA;
  border-color: #1362EA;
}

.yu-buttons .el-button.el-button--text:active {
  color: #175FDB;
  border-color: #175FDB;
}

.el-button--default.el-button:active{
  border-color: #1362EA;
}

.el-button-group .el-button--primary:focus,
.el-button-group .el-button--primary:hover {
  border-color: #1362EA;
}

.search-btn-group .el-button:nth-child(2):hover {
  color: #2877FF !important;
  border-color: #2877FF;
}

.el-button--default:active,.search-btn-group .el-button:nth-child(2):active {
  color: #1362EA !important;
  border-color: #1362EA;
}

.search-btn-group .el-button:nth-child(2):active{
  color: #1362EA !important;
  border-color: #1362EA;
  background-color: #ffffff
}

.el-button.el-button--primary:active {
  background-color: #175FDB;
  border-color: #175FDB;
  color: #fff !important;
}

.el-button--primary:hover,
.el-button--primary:focus {
  color: #fff;
  background-color: #1362EA;
  border-color: #1362EA;
}
.el-button.el-button--text{
  border-width: 0;
  color: #2877FF;
}
.el-button.el-button--text:hover{
  color: #1362EA;
}
.el-button.el-button--text:active{
  color: #175FDB;
}
.el-tree-node__content>.el-tree-node__expand-icon:hover {
  color: #2877FF;
}

.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #2877FF;
}

.el-checkbox__input.is-indeterminate .el-checkbox__innexr,
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-radio__input.is-checked .el-radio__inner {
  background-color: #2877FF;
  border-color: #2877FF;
}

.el-pagination__sizes .el-input .el-input__inner:hover,
.el-select .el-input__inner:hover,
.el-checkbox__inner:hover,
.el-textarea__inner:hover,
.el-input__inner:hover,
.el-radio__inner:hover {
  border: 1px solid rgba(40, 119, 255, 0.5);
}

.el-pagination__sizes .el-input .el-input__inner:focus,
.el-input__icon.is-clickable:hover+.el-input__inner,
.el-select .el-input__inner:focus,
.el-checkbox__inner:focus,
.el-textarea__inner:focus,
.el-input__inner:focus,
.el-radio__inner:focus {
  border-color: #2877FF;
}

.el-input__inner:hover + .el-input__suffix .el-input__icon,
.el-form-item__content:hover .el-input__icon.el-icon,
.el-date-editor:hover .el-range__icon,
.el-input__icon.is-clickable:hover,
.el-input__prefix:hover, 
.el-input__suffix:hover,
.el-input__icon:hover {
  color: #2877FF;
}

.el-input__inner:focus + .el-input__suffix .el-input__icon,
.el-form-item__content:active .el-input__icon.el-icon,
.el-date-editor:active .el-range__icon,
.el-input__icon.is-clickable:active,
.el-input__prefix:active, 
.el-input__suffix:active,
.el-input__icon:active {
  color: #1362EA;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: #F0F0F6;
}

.el-select-dropdown__item.selected.hover,
.el-select-dropdown__item.selected {
  background-color: #2877FF;
}

.el-select-dropdown__item.selected.hover:hover,
.el-select-dropdown__item.selected:hover {
  background-color: #1362EA;
}

.el-select-dropdown__item.selected.hover:active,
.el-select-dropdown__item.selected:active {
  background-color: #175FDB;
}
.el-checkbox__input.is-checked+.el-checkbox__label {
  color: #2877FF
}

.el-pagination button:hover,
.el-pager li:hover {
  color: #2877FF;
}

.el-pager li.active {
  background-color: #2877FF;
  border-color: #2877FF;
}

.el-month-table td.current:not(.disabled) .cell,
.el-year-table td.current:not(.disabled) .cell,
.el-date-table td.current:not(.disabled),
.el-date-table td.start-date,
.el-date-table td.end-date {
  background-color: #2877FF !important;
}

.el-date-picker__header-label:hover,
.el-picker-panel__icon-btn:hover,
.search-btn-group>span:hover {
  color: #2877FF;
}

.el-date-picker__header-label:active,
.el-picker-panel__icon-btn:active,
.search-btn-group>span:active {
  color: #2877FF;
}

.el-date-table td.today:before {
  border-top: .5em solid #2877FF;
}

.el-date-table td.today {
  color: #2877FF;
}

.el-tree-node__content:hover {
  background-color: rgba(40, 119, 255, 0.1);
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background-color: rgba(40, 119, 255, 0.1);
}

.el-tree-node__expand-icon:hover::before {
  border-left-color: #2877FF;
}

.el-tabs__active-bar {
  background-color: #2877FF;
}

.el-tabs__item:hover,
.el-tabs__item.is-active {
  color: #2877FF;
}
.el-tabs__item:active {
  color: #1362EA;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner,
.el-radio__input.is-disabled .el-radio__inner,
.el-textarea.is-disabled .el-textarea__inner,
.el-input.is-disabled .el-input__inner {
  background-color: #FFFFFF;
  border-color: #E0E0E0;
}

.el-table__expanded-cell:hover {
  background-color: #f0f0f6 !important;
}

.el-breadcrumb__item__inner a:hover,
.el-breadcrumb__item__inner:hover {
  color: #2877FF;
}

.el-cascader-node.is-active,
.el-cascader-node.in-active-path,
.el-cascader-node.is-selectable.in-checked-path {
  color: #2877FF;
}

.el-switch.is-checked .el-switch__core {
  border-color: #2877FF;
  background-color: #2877FF;
}

.el-loading-spinner .el-loading-text {
  color: #2877FF
}

.el-loading-spinner .path {
  stroke: #2877FF
}

.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
  background-color: rgba(0, 0, 0, .05);
  color: #2878FF
}

.el-cascader-node:not(.is-disabled):active {
  background-color: rgba(40, 120, 255, 0.1);
  color: #2878FF
}
.el-cascader:not(.is-disabled):hover .el-input__inner{border-color:#2878FF}
/*04-component rewriting end*/

/*05-dashboard sta*/
.yu-dashboard-title::before {
  background-color: rgba(40, 119, 255, 1);
  background: linear-gradient(90deg, rgba(40, 119, 255, 1) 0%, rgba(17, 98, 237, 1) 100%);
}

.yu-dashboard-title>a:hover {
  color: #2877FF;
}

.yu-dashboard-title>a:active {
  color: #2877FF;
}

.yu-dashboard-title>h1>span:hover,
.yu-dashboard-tools>span:hover {
  border-bottom: 2px #2877FF solid;
  color: #2877FF;
}

.yu-dashboard-title>h1>span:active,
.yu-dashboard-title>h1>span.selected,
.yu-dashboard-tools>span:active,
.yu-dashboard-tools>span.selected {
  border-bottom: 2px #2877FF solid;
  color: #2877FF;
}

.yu-dashboard-user {
  background-color: #2877FF;
  background: linear-gradient(90deg, rgba(40, 119, 255, 1), rgba(17, 98, 237, 1));
}

.yu-dashboard-user-tips>a:hover>i,
.yu-dashboard-user-tips>a:hover>span {
  color: #2877FF;
}

.yu-dashboard-user-tips>a:active>i,
.yu-dashboard-user-tips>a:active>span {
  color: #2877FF;
}

.yu-dashboard-simple-list>li>a>i {
  background-color: #1362EA;
}

.yu-dashboard-simple-list>li>a>i.information {
  background-color: #1362EA;
}

.yu-dashboard-simple-list>li>a>i.notice {
  background-color: #FB8D12;
}

/*05-dashboard end*/

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active,
.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: #2877FF;
}

.yu-app-box-top-button-wrap .yu-app-box-top-button {
  color: #2877FF;
}

/**修改组件 start**/

.upload-demo-text .el-upload-list__item-name {
  color: #2877FF;
}

.el-upload-list__item.is-success .el-upload-list__item-name:hover {
  color: #2877FF;
}

.el-radio__input.is-checked+.el-radio__label {
  color: #2877FF;
}

.yu-button-drop .el-dropdown-menu__item:hover,
.el-select-dropdown__item:hover {
  color: #2877FF;
}

.yu-button-drop .el-dropdown-menu__item:active,
.el-select-dropdown__item:active {
  background-color: rgba(40, 119, 255, 0.1);
  color: #2877FF;
}

/**修改组件 end**/

/**common start**/
a.underline {
  color: #2877FF;
}

a.underline:hover {
  color: #1362EA;
}

a.underline:active {
  color: #175FDB;
}

a.underline:link,
a.underline:visited {
  color: #2877FF;
}

/**comomon end**/

/* 调整锚点组件样式 */
.anchor-group-wrap .el-anchor__link:hover .el-anchor__ink__ball {
  border-color: #2877FF;
}

.anchor-group-wrap .el-anchor__link:hover {
  background-color: #D9EAFF;
  color: #2877FF;
}

.anchor-group-wrap .el-anchor__link:hover span {
  color: #2877FF;
}

.anchor-group-wrap .el-anchor__link:hover::before {
  border-right-color: #D9EAFF;
}

.anchor-group-wrap .el-anchor__link__active>i.el-anchor__ink__ball,
.anchor-group-wrap .el-anchor__link:active>i.el-anchor__ink__ball {
  border-color: #2877FF;
}

.page-assist-wrap .icon-wrap:hover {
  background-color: #2877FF;
  border-color: #2877FF;
}

.anchor-group-wrap .el-anchor__link__active,
.anchor-group-wrap .el-anchor__link:active {
  background-color: #2877FF !important;
}

.anchor-group-wrap .el-anchor__link__active::before,
.anchor-group-wrap .el-anchor__link:active::before {
  border-right-color: #2877FF !important;
}

.yu-base-panel-collapse .icon-filter.active {
  background-color: #2877FF;
  color: #fff;
  border-color: #2877FF;
}

.el-button--primary {
  background-color: #2877FF;
  border-color: #2877FF;
}

.el-pagination__editor:focus {
  border-color: #2877FF;
}

.yu-base-panel-collapse .icon-filter:hover {
  border-color: #2877FF;
  background-color: #2877FF;
}

.yu-base-panel-collapse .icon-filter:active,
.yu-base-panel-collapse .icon-filter.active:hover {
  border-color: #1362EA;
  background-color: #1362EA;
}
.yu-base-panel-collapse .icon-filter.active:active{
  border-color: #175FDB;
  background-color: #175FDB;
}

.el-input-group__prepend .el-input__inner:hover {
  border: 1px solid rgba(40, 119, 255, 0.5) !important;
}

.el-input-group__prepend .el-input__inner:focus {
  border: 1px solid #2877FF !important;
}

.handle-btn button:hover {
  border-color: #2877FF;
  color: #2877FF;
}

.handle-btn button:active {
  border-color: #175FDB;
  color: #175FDB;
}

.anchor-box:hover {
  background-color: #2877FF;
}

/* 6.10样式更新begin */
.upload-demo .el-upload-list__item .el-upload-list__item-name {
  color: #2877FF;
}

.upload-demo .el-upload-list__item .el-upload-list__item-name i {
  color: #2877FF;
}

.file-list {
  color: #2877FF !important;
}

.file-list:hover {
  color: #175FDB !important;
}

.file-list:active {
  color: #175FDB !important;
}

.link-container .yu-icon-arr-right1:hover {
  color: #2877FF;
}

.yu-app-box-top-button:hover .yu-icon-arr-down1 {
  color: #2877FF;
}

/* 6.10样式end */

.yu-top-menu-right-icon {
  background-color: #2877FF;
}

/*工具栏折叠按钮*/
.yu-frame-tabs-unfold:hover {
  color: #2877FF;
}

.custom-name-wrap .name {
  color: #2877FF;
}

.group-form .yu-user-pic .add.el-button:hover{
  border-color: #2877FF;
  color: #2877FF;
}
.group-form .yu-user-pic .add.el-button:active{
  border-color: #1362EA;
  color: #1362EA;
}
